<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<style>
.table-span{
	color: #2DA9EF;
	text-decoration: none;
}
.table-span:hover{
	color: #f00;
}
.span-group{
	padding: 10px;
    position: absolute;
    width: 400px;
    background: #ddd;
}
.button-group{
	margin: 10px 5px;
	font-size: 0px;
}
.button-group span{
	background: repeat-x rgb(187, 190, 193);
    padding: 5px 10px;
    margin: 0px;
    font-size: 14px;
    border-right: 1px solid #ddd;
    color: #fff;
	
}
.button-group span:first-child{
	border-radius:10px 0 0 10px;
}
.button-group span:last-child{
	border-radius:0 10px 10px 0;
}
.button-group .select{
	background: repeat-x rgb(30, 140, 251);
    padding: 5px;
    margin: 0px;
    font-size: 14px;
    border-right: 1px solid rgb(30, 140, 251);
    color: #fff;
}
.button-one{
	background: repeat-x rgb(30, 140, 251);
    padding: 5px;
    margin: 0px;
    font-size: 14px;
    border-right: 1px solid rgb(30, 140, 251);
    color: #fff;
    border-radius:10px;
}
.button-group2{
	margin: 10px 5px;
	font-size: 0px;	
}
.button{
	cursor: pointer;
}
</style>
<div class="easyui-layout" style="margin: 0;padding: 0;height:100%;width:100%">
	<div data-options="region:'east',split:false,collapsible:false" class="" style="width:60%;height:100%;background: transparent;border-left:1px solid #D8D0D0;">
		 <div class="span-group">
		 	<span  class="button-group">
		 		<span id="userBtn" class="button select" >选择人员审批</span>
		        <span id="deptBtn"  class="button">选择部门审批</span>
		        <span id="roleBtn"  class="button">选择职务审批</span>
		 	</span>
		 	<span  class="button-group2">
		 		<span id="directorBtn"  class="button button-one">主管审批</span>
		 	</span>
		    
	        
	     </div>
	    <div title="指定人员审批" id="userDiv" style="margin-top: 37px;">
	        <div id="userTree" class="ztree" style="display: block;"></div>
	    </div>
	    <div title="指定部门审批" id="deptDiv" style="margin-top: 37px;display: none;">
	         <div id="deptTree" class="ztree"></div>
	    </div>
	    <div title="指定职务审批" id="roleDiv" style="margin-top: 37px;display: none;">
	         <div id="roleTree" class="ztree"></div>
	    </div>
	</div>
	<div data-options="region:'center',split:false" class="" style="background: transparent;">
		<input type='hidden' id="users"/>
		<div  class="setUserOa">
		     <ul id="setUser">
		     </ul>
		</div>
	</div>
</div>
